// pages/classify/classify.js
const {
  shopClassify,
  loadGoddsByShopClassify,
  imageBaseUrl
} = require('../../api/url.js')
const app = getApp()
Page({

  /**
   * 页面的初始数据
   */
  data: {
    menuList: [],
    goodsList: [],
    currentCategory: [],
    page: 1,
    loadOver: false,
    flag: false,
    windowWidth: wx.getSystemInfoSync().windowWidth,
    windowHeight: wx.getSystemInfoSync().windowHeight,
    marginLeft: '',
    boxHeight: ''
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(options) {
    this.loadCategory()
    var self = this
    wx.createSelectorQuery().select('#name').boundingClientRect(function (res) {
      self.setData({
        marginLeft: (res.width) / 2
      })
    }).exec()
    // wx.createSelectorQuery().select('.box').boundingClientRect(function(res) {
    //   if ((self.data.windowHeight) < res.height) {
    //     self.setData({
    //       boxHeight: res.height
    //     })
    //   } else {
    //     self.setData({
    //       boxHeight: self.data.windowHeight
    //     })
    //   }
    // }).exec()
  },
  loadCategory() {
    var self = this
    wx.showLoading({
      title: '加载中',
    })
    wx.request({
      url: shopClassify,
      data: {
        page: 1,
        size: 99999
      },
      success: function(res) {
        wx.hideLoading()
        var list = res.data.response.cont.list
        list.forEach(i => {
          i.img = imageBaseUrl + i.fThumbImage
        })
        self.setData({
          menuList: list,
          currentCategory: list[0] || []
        })
        self.loadGoddsByShopClassify(self.data.currentCategory.fId)
      }
    })
  },
  toggleType: function(e) {
    this.setData({
      currentCategory: e.currentTarget.dataset.currentclassify,
      page: 1,
      flag: false,
      loadOver: false,
    })
    this.loadGoddsByShopClassify(this.data.currentCategory.fId)
  },
  loadGoddsByShopClassify(id) {
    var self = this
    if (self.data.loadOver) {
      return
    }
    wx.request({
      url: loadGoddsByShopClassify,
      data: {
        page: self.data.page,
        size: 9,
        categoryInShopId: id
      },
      success: function(res) {
        if (res.data.code == 0) {
          var list = res.data.response.cont.list
          list.forEach(i => {
            i.img = imageBaseUrl + i.fMainPicture
          })
          self.setData({
            goodsList: self.data.flag ? self.data.goodsList.concat(list) : list
          })
          self.data.page++
            if (list.length < 9) {
              self.setData({
                loadOver: true
              })
            }
        }
      }
    })
  },
  goToGoodsDetail(e) {
    wx.navigateTo({
      url: '../goodsDetail/goodsDetail?id=' + e.currentTarget.dataset.id,
    })
  },
  // handleGetNavBarHeight: function(e) {
  //   var self = this
  //   this.setData({
  //     navBarHeight: e.detail
  //   })
  //   wx.createSelectorQuery().select('.box').boundingClientRect(function(res) {
  //     if ((self.data.windowHeight - self.data.height) < res.height) {
  //       self.setData({
  //         boxHeight: res.height
  //       })
  //     } else {
  //       self.setData({
  //         boxHeight: self.data.windowHeight - self.data.height
  //       })
  //     }
  //   }).exec()
  // },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function() {
    this.setData({
      page: 1,
      flag: false,
      loadOver: false,
    })
    this.loadGoddsByShopClassify(this.data.currentCategory.fId)
    wx.stopPullDownRefresh()
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function() {
    this.setData({
      flag: true
    })
    this.loadGoddsByShopClassify(this.data.currentCategory.fId)
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function() {

  }
})